<template>
  <div class="loginbtn" @click="register">
    <div class="btn">{{btntext}}</div>
  </div>
</template>

<script>
export default {
  props: ["btntext"],
  methods: {
    register() {
      this.$emit("reg");
    }
  }
};
</script>

<style lang="scss" scoped>
.loginbtn {
  padding: 4vw 2.667vw;
}
.btn {
  height: 12vw;
  background: #ff9db5;
  color: white;
  display: flex;
  justify-content: center;
  align-items: center;
  border-radius: 6vw;
  font-size: 4.267vw;
}
</style>